<template>
  <div class="content">
    <!-- 头部 -->
    <div class="header">
      <van-icon name="arrow-left" @click="goBack" />
      <span>订单查看</span>
    </div>
    <!-- 内容区 -->
    <van-tabs v-model="active">
      <van-tab title="全部订单">全部订单</van-tab>
      <van-tab title="待付款">待付款</van-tab>
      <van-tab title="待收获">待收获</van-tab>
      <van-tab title="待评价">待评价</van-tab>
    </van-tabs>
  </div>
</template>

<script>
export default {
  name: "MyOrderView",
  data() {
    return {
      active: 2,
    };
  },
  methods: {
    goBack() {
      this.$router.back();
    },
  },
};
</script>

<style scoped>
.header {
  height: 3.5rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 3.5rem;
  border-bottom: 2px solid gray;
}
.van-icon {
  float: left;
  padding-left: 10px;
  line-height: 3.5rem;
  color: rgb(24, 24, 64);
}
</style>